{% set page_name = "徽章详情" %}
{% extends "badge_base.html" %}
{% block badge_content %}
<div class="row">
    <div class="medium-12 columns">
        <div class="section">
            <div class="section__header">
                <div class="section__title">
                    <h2 style="text-align: center;">{{ badge.title }}</h1>
                </div>
            </div>
            <div class="section__body">
                <div class="typo richmedia topic__content" data-emoji-enabled>
                    {{ badge.content|markdown|safe }}
                </div>
            </div>
            <div class="section__footer" style="display:flex;justify-content: space-between;">
		    <h3>{{ _('徽章预览')}}：{{ user.render_inline(handler.user,badge=false)}}
			<span class="user-profile-badge v-center" style="background-color:{{ badge.backgroundColor }};color:{{ badge.fontColor }};" data-tooltip="{{ badge.title }}">{{ badge.short }}</span>
		    </h3> 
		    <h3>{{_('创建于')}}：{{ datetimeSpan(badge.createAt, false, 'YYYY-M-D')|safe}}</h3>
	    </div>
        </div>
    </div>
</div>
{% endblock %}
